<template>
  <div class="container">
    <div class="box-card">
      <TypeNav></TypeNav>
      <el-main class="gray-box">
        <router-view></router-view>
      </el-main>
    </div>
  </div>
</template>

<script>
import TypeNav from "./typeNav/index.vue";
// import OrderList from "./orderList/index.vue";
export default {
  name: "UserInfo",
  components: {
    TypeNav,
  },
};
</script>

<style lang="less" scoped>
.container {
  width: 100%;
  background-color: #ededed;
  .box-card {
    padding-top: 40px;

    background-color: #ededed;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    .gray-box {
      position: relative;
      margin-bottom: 30px;
      overflow: hidden;
      border-radius: 8px;
      border-color: rgba(0, 0, 0, 0.14);
      box-shadow: 0 3px 8px -6px rgb(0 0 0 / 10%);
    }
  }
}
</style>
